.activity-double12{
  max-width: 500px;
  margin:0 auto;
  font-family: "Microsoft YaHei";
  .activity-tip{
    height: 50px;
    background: #007fce url(./image/top.png) no-repeat center center;
    background-size:auto 30px;
  }

  .else-tip{
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #f9c212;
    color: #007fce;
    font-size:15px;
    font-weight: 700;
  }

  .lottery-container{
    height: 450px;
    background: #ffc712 url(./image/bg.png) no-repeat center 120px;
//    background: #ffc712;
    position: relative;
    .tip{
      position: absolute;
      left:50%;
      margin-left:-115px;
      top:30px;
      width: 230px;
      padding:5px 0;
      text-align: center;
      color: #fd3811;;
      font-size:18px;
      line-height: 28px;
      letter-spacing: 1px;
      font-weight: 700;
      border:1px dashed #fd3811;
      border-radius: 10px;
      text-shadow: 1px 1px 1px #ffe430;
    }
    .btn{
      position: absolute;
      height: 35px;
      line-height: 35px;
      width:180px;
      bottom:50px;
      left:50%;
      margin-left:-90px;
      background: #fd3811;
      color: #fff;;
      font-weight: 700;
      font-size:15px;
      box-shadow: 1px 2px 2px #fd860a;
    }

    .btn1-container{
      position: absolute;
      bottom:60px;
      left:0;
      width: 100%;
      .btn1{
        padding:8px 20px;
        border:1px solid  #fd3811;
        color:#fd3811;
        font-weight: 700;
      }
      .btn1:hover{
        box-shadow: 2px 2px 2px #fd790e;
      }
    }


    .btn:hover{
      box-shadow: 3px 3px 3px #fcfd12;
    }
    .cloud{
      position: absolute;
      bottom:0;
      left:0;
      width: 100%;
    }
    .lottery-close{
      position: absolute;
      height: 150px;
      width: 226px;
      left:50%;
      margin-left:-113px;
      top:150px;
      background: url(./image/lottery-close.png) no-repeat center center;
      .icon{
        width: 50px;
        height: 50px;
        background: url(./image/money.png) no-repeat center center;
        background-size:50px 50px;
        border-radius: 25px;
        position: absolute;
        left:50%;
        margin-left:-25px;
        display: block;
        top:45px;
        -webkit-animation-name: glow;
        -webkit-animation-duration: 1s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease ;
        -webkit-animation-direction: alternate;
      }
      .text{

      }
    }

    .lottery-open{
      position: absolute;
      height: 240px;
      width: 280px;
      left:50%;
      margin-left:-140px;
      top:110px;
      background: url(./image/lottery-open.png) no-repeat center center;
      .amount{
        text-align: center;
        width:100%;
        position: absolute;
        top:30px;
        left:0;
        font-size:40px;
        color: #fd7d0c;
        font-family: "Times New Roman";
        font-weight: 700;
        .self{
          font-size:50px;
          color: #fd3811;
        }
      }
      .btn{
        background: #fff110;
        color: #fd3811;
        box-shadow: 1px 2px 2px #fd8210;
      }
      .btn:hover{
        box-shadow: 3px 3px 3px #fd8210;
      }
    }
  }

  .lottery-share{
    .lottery-open{
      top:130px;
    }
  }

  .step{
    background: #00629f;
    color:#fec714;
    padding:20px;


    ul{
       li{
         padding: 0 0 20px 30px;
         position: relative;
         i{
           position: absolute;
           display: block;
           left:-12px;
           top:0;
           width:25px;
           height: 25px;
           background: url(./image/step2.png) no-repeat center center;
         }
         a{
           display: block;
           width: 100px;
           height: 30px;
           line-height: 30px;
           text-align: center;
           border-radius: 2px;
           box-shadow: 1px 1px 1px #ffe94e;
           font-weight: 700;
           background: #fff;
           color: #ff601e;
         }

         div{
           margin-top:10px;
           span{
             color: #ff3f17;
             font-size: 18px;
             font-weight: 700;

           }
         }
       }
      .doing{
        i{
          background: url(./image/step1.png) no-repeat center center;
        }
        a{
          background: #fff110;
          color: #ff601e;
          box-shadow: 1px 1px 2px #e5760e;
        }
        a:hover{
          box-shadow: 3px 3px 3px #fd8210;
        }
      }

      .done{
        i{
          background: url(./image/step3.png) no-repeat center center;
        }
        a{
          background: #e8e8e8;
          color: #7c7c7c;
        }
      }
      .line{
        border-left:1px solid #fff;
      }
    }

    .agreement{
      padding-top:10px;
      text-align: center;
      a{
        padding:5px 10px;
        border:1px solid #fff;
        border-radius: 2px;
      }

    }
  }

  .activity-footer{
    padding:10px 0;
    background: #0089df;
    text-align: center;
    a{
      padding: 5px 0;
      border-radius: 2px;
      font-weight: 700;
      background: #fff110;
      color: #ff601e;
      width: 150px;
      text-align: center;
      box-shadow: 1px 1px 2px #e5760e;
      display: inline-block;
    }
    a:hover{
      box-shadow: 3px 3px 3px #fd8210;
    }
  }

  .mask{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    left:0;
    top:0;
    display: none;
    .content{
      position: absolute;
      width: 250px;
      padding:15px 0;
      text-align: center;
      background: #D5D0D0;
      border-radius: 2px;
      left:50%;
      margin-left:-125px;
      top:50%;
      margin-top:-50px;
      color: #ff4c0e;
      line-height: 25px;
      font-size: 15px;
      font-weight: 700;
    }
  }


  @-webkit-keyframes glow {
    0% {
      -webkit-box-shadow: 0 0 12px rgba(252, 253, 18, 0.49);
      -webkit-transform:scale(0.9);
    }
    100% {
      -webkit-box-shadow: 0 0 12px rgb(252, 253, 18), 0 0 18px rgb(255, 183, 23);
      -webkit-transform:scale(1.1);
    }
  }

  @-webkit-keyframes glow1 {
    0% {

      text-shadow: 0 0 2px #fff;
    }
    100% {
      text-shadow: 0 0 12px #fff;
    }
  }


}